<template>

  <div></div>

</template>

<script setup lang='ts'>
import { ref,reactive } from 'vue'
/* 
const BASE_URL = 'BASE_URL'
console.log(import.meta.env); // {BASE_URL: '/', DEV: true, MODE: 'development', PROD: false, SSR: false, VITE_HTTP:"http://www.baidu.com"}
console.log(import.meta.env[BASE_URL] = '123'); // 硬编码，不可取
*/
console.log(import.meta.env);

/* 
在项目的根目录中，
创建一个.env.development文件，内容如下：
VITE_HTTP=http://www.baidu.com

在项目的根目录中，
创建一个.env.production文件，内容如下：
VITE_HTTP=http://www.baidu.com

然后在package.json中配置对应的模式，
"scripts": {
  "dev": "vite --mode development",
  "build": "vite --mode production"
},

运行npm run dev，
在浏览器中访问http://localhost:XXXXXXX/

运行npm run build，
用http-server启动服务运行dist目录下的文件
具体命令如下：
http-server -p 9001 -o



附录：
1、使用http-server 开启服务
进入目标文件夹，输入hs或者http-server命令(hs 简写) 推荐使用如下命令

http-server -c-1

只输入http-server的话，更新了代码后，页面不会同步更新。
http-server [path] [options]

path就是你当前运行该命令下对应的某个文件夹名称；可用选项 options，如: hs -g -o

2、http-server 命令参数
  -p或--port要使用的端口（默认为8080）
  -a 要使用的地址（默认为0.0.0.0）
  -d显示目录列表（默认为true）
  -i显示自动索引 默认true
  -g或者--gzip当启用（默认为false）时，它将./public/some-file.js.gz代替./public/some-file.js当文件的gzip压缩版本存在且请求接受gzip编码时。
  -e 或者 --ext	如果没有提供默认文件扩展名(默认为html)
  -s 或者 --silent	禁止控制台日志信息输出
  –cors	允许跨域资源共享
  -o 启动服务器后打开浏览器窗口
  -c	设置缓存cache-control max-age heade存留时间（以秒为单位），示例：-c10是10秒，默认是3600秒，如果要禁用缓存就使用-c-1
  -U 或者 --utc	使用 UTC格式，在控制台输出时间信息
  -P或者将--proxy 所有无法在本地解析的请求代理到给定的URL。例如：-P http://someurl.com
  -S或--ssl 启用https。
  -C或--cert   ssl证书文件的路径， cert文件的路径（默认值:) cert.pem。
  -K或--key  ssl密钥文件的路径（默认值:) key.pem。
  -r或--robots 提供/robots.txt（其内容默认为User-agent: *\nDisallow: /）
  -h或--help  显示帮助

*/

</script>

<style scoped>

</style>
